<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${request.contextPath}/resources/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
            <script src="${request.contextPath}/resources/js/html5.js"></script>
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.css" media="screen"/>
        
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.responsive.css" media="all"/>

    </h:head>
    <h:body id="body017">
        <p:blockUI block="body017"  widgetVar="blogui017">
            LOADING<br />
            <img src="${request.contextPath}/resources/images/preloader-01.gif"/>
        </p:blockUI>
        <p:ajaxStatus onstart="blogui017.show()" oncomplete="blogui017.hide()"/>
        <h:form>
            <p:panel id="REPORT_017" header="#{msg.report_017_header}">
                <div style="width: 1150px;overflow-x: scroll">
                    <p:panel id="REPORT_REPORT_017" header="#{formReport017Controller.reportTitle}" style="width: 1550px">
                        <p:messages id="REPORT_017msgFrmDetails"></p:messages>

                        <script>
                            //<![CDATA[
                            function sum(obj) {
                                if (obj.value != 0) {
                                    calSum();
                                }
                                return false;
                            }
                            //]]>
                        </script>

                        <p:remoteCommand name="calSum" update="REPORT_017pnlFrm" onstart="blogui017.show()" oncomplete="blogui017.hide()" actionListener="#{formReport017Controller.calSum()}">
                        </p:remoteCommand>
                        
                        <p:panelGrid styleClass="frmDetail" id="REPORT_017pnlFrm">
                            <f:facet name="header">
                                <p:row>  
                                    <p:column style="text-align: center;vertical-align: middle;width: 180px">ประเภทการเลือกตั้ง</p:column>
                                    <p:column style="text-align: center;">(สำนวนทั้งหมด เรื่อง) (1)</p:column>
                                    <p:column style="text-align: center;">ใบแดง (เรื่อง) (2)</p:column>
                                    <p:column style="text-align: center;">ใบเหลือง (เรื่อง) (3)</p:column>
                                    <p:column style="text-align: center;">ใบเหลือง/ดำเนินคดีอาญา (เรื่อง) (4)</p:column>
                                    <p:column style="text-align: center;">นับคะแนนใหม่ (เรื่อง) (5)</p:column>
                                    <p:column style="text-align: center;">ดำเนินคดีอาญา (เรื่อง) (6)</p:column>
                                    <p:column style="text-align: center;">สอบเพิ่ม (เรื่อง) (7)</p:column>
                                    <p:column style="text-align: center;">รับคำร้อง (เรื่อง) (8)</p:column>
                                    <p:column style="text-align: center;">ไม่รับคำร้อง (เรื่อง) (9)</p:column>
                                    <p:column style="text-align: center;">ถอนคำร้อง (เรื่อง) (10)</p:column>
                                    <p:column style="text-align: center;">อื่นๆ (เรื่อง) (11)</p:column>
                                </p:row>
                            </f:facet>
                            <p:row>
                                <p:column>
                                    <p:autoComplete cache="true" disabled="#{formReport017Controller.paramMode=='view'}" dropdown="true" value="#{formReport017Controller.report017Details[0].institution}" 
                                                completeMethod="#{formReport017Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].allStory}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].redCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].adding}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[0].ect}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete cache="true" disabled="#{formReport017Controller.paramMode=='view'}" dropdown="true" value="#{formReport017Controller.report017Details[1].institution}" 
                                                completeMethod="#{formReport017Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].allStory}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].redCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].adding}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[1].ect}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete cache="true" disabled="#{formReport017Controller.paramMode=='view'}" dropdown="true" value="#{formReport017Controller.report017Details[2].institution}" 
                                                completeMethod="#{formReport017Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].allStory}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].redCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].adding}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[2].ect}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete cache="true" disabled="#{formReport017Controller.paramMode=='view'}" dropdown="true" value="#{formReport017Controller.report017Details[3].institution}" 
                                                completeMethod="#{formReport017Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].allStory}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].redCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].adding}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[3].ect}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete cache="true" disabled="#{formReport017Controller.paramMode=='view'}" dropdown="true" value="#{formReport017Controller.report017Details[4].institution}" 
                                                completeMethod="#{formReport017Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].allStory}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].redCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].adding}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber onchange="calSum()" disabled="#{formReport017Controller.paramMode=='view'}" style="width:80px" value="#{formReport017Controller.report017Details[4].ect}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="รวม"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.allStory}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.redCard}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.yellowCard}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.yellowCardCriminalCase}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.resetCounter}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.criminalCase}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.adding}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.requestReceived}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.requestNoReceived}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.withdrawnRequest}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText style="width:80px" value="#{formReport017Controller.sumDetail.ect}"/>
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                        <h:panelGroup id="REPORT_017pnlCmd" rendered="#{formReport017Controller.report017.flowStatusId!=200}">
                            <div align="center">
                                <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport017Controller.save()}" id="REPORT_017btnSave" rendered="#{formReport017Controller.paramMode=='create'}"/>
                                <p:commandButton value="#{msg.btn_edit}" actionListener="#{formReport017Controller.goToEdit()}" id="REPORT_017btnEdit" rendered="#{formReport017Controller.paramMode=='view' 
                                                          and formReport017Controller.canEdit(formReport017Controller.report017.createdUserGroup,formReport017Controller.report017.reportStatus,formReport017Controller.report017.flowStatusId)}"/>
                                <p:commandButton value="#{msg.btn_close}" actionListener="#{formReport017Controller.goToClose()}" id="REPORT_017btnClose" rendered="#{formReport017Controller.paramMode=='view' || formReport017Controller.paramMode=='create'}"/>
                                <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport017Controller.edit()}" id="REPORT_017btnSaveEdit" rendered="#{formReport017Controller.paramMode=='edit'}"/>
                                <p:commandButton value="#{msg.btn_cancel}" id="REPORT_017btnCancel" actionListener="#{formReport017Controller.goToCancel()}" rendered="#{formReport017Controller.paramMode=='edit'}"/>
                            </div>
                        </h:panelGroup>
                    </p:panel>
                </div>


            </p:panel>
            <style>
            input[type="text"] {
                clear: left;
                cursor: text;
                list-style-type: none;
                margin: 0;
                min-height: 1px;
                overflow: hidden;
                width: 120px;
            }
        </style>
        </h:form>
    </h:body>
</html>